<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>Repute</title>
    <link rel="stylesheet" href="css/style.css">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <link href="https://cdn.bootcss.com/twitter-bootstrap/4.3.1/css/bootstrap.min.css" rel="stylesheet">
</head>
<body>

<nav class="navbar navbar-expand-lg navbar-light" style="padding-top: 0px;padding-bottom: 0px;">
    <div class="container">
        <a class="navbar-brand" href="#"><img src="images/logo_03.jpg" alt=""></a>
        <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNavDropdown" aria-controls="navbarNavDropdown" aria-expanded="false" aria-label="Toggle navigation">
            <span class="navbar-toggler-icon"></span>
        </button>
        <div class="collapse navbar-collapse justify-content-end" id="navbarNavDropdown">
            <ul class="navbar-nav">
                <li class="nav-item dropdown">
                    <a class="nav-link dropdown-toggle" style="padding-right:1.5rem; color: #3166b4" href="#" id="navbarDropdownMenuLink" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                        HOME
                    </a>
                    <div class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink">
                        <a class="dropdown-item" href="#">Action</a>
                    </div>
                </li>
                <li class="nav-item dropdown">
                    <a class="nav-link dropdown-toggle" style="padding-right:1.5rem;" href="#" id="navbarDropdownMenuLink1" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                       FEATURES
                    </a>
                    <div class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink1">
                        <a class="dropdown-item" href="#">Action</a>
                    </div>
                </li>
                <li class="nav-item dropdown">
                    <a class="nav-link dropdown-toggle" style="padding-right:1.5rem;" href="#" id="navbarDropdownMenuLink2" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                        PAGES
                    </a>
                    <div class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink2">
                        <a class="dropdown-item" href="#">Action</a>
                        <a class="dropdown-item" href="#">Another action</a>
                    </div>
                </li>
                <li class="nav-item dropdown">
                    <a class="nav-link dropdown-toggle" style="padding-right:1.5rem;" href="#" id="navbarDropdownMenuLink3" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                        PORTFOULIO
                    </a>
                    <div class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink3">
                        <a class="dropdown-item" href="#">Action</a>
                        <a class="dropdown-item" href="#">Another action</a>
                        <a class="dropdown-item" href="#">Something else here</a>
                    </div>
                </li>
                <li class="nav-item dropdown">
                    <a class="nav-link dropdown-toggle" style="padding-right:1.5rem;" href="#" id="navbarDropdownMenuLink4" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                        BLOG
                    </a>
                    <div class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink4">
                        <a class="dropdown-item" href="#">Something else here</a>
                    </div>
                </li>
                <li class="nav-item">
                    <a class="nav-link1" href="#"><img src="images/huojian_03.png" alt="">UPGREADE TO PRO</a>
                </li>
            </ul>
        </div>
    </div>
</nav>


<div class="bd-example">
    <div id="carouselExampleCaptions" class="carousel slide" data-ride="carousel">
        <ol class="carousel-indicators">
            <li data-target="#carouselExampleCaptions" data-slide-to="0" class="active"></li>
            <li data-target="#carouselExampleCaptions" data-slide-to="1"></li>
            <li data-target="#carouselExampleCaptions" data-slide-to="2"></li>
        </ol>
        <div class="carousel-inner">
            <div class="carousel-item active">
                <img src="images/bg-2.png" class="d-block w-100" alt="...">
                <div class="carousel-caption d-none d-md-block" style="top: 90px">
                    <h5>EAST TO CUSTOMIZE</h5>
                    <p>Readable code,well documented and FREE support</p>
                    <a href="#" class="a">LEARN MORE</a>
                </div>
            </div>
            <div class="carousel-item">
                <img src="images/bg-2.png" class="d-block w-100" alt="...">
                <div class="carousel-caption d-none d-md-block" style="top: 90px">
                    <h5>EAST TO CUSTOMIZE</h5>
                    <p>Readable code,well documented and FREE support</p>
                    <a href="#" class="a">LEARN MORE</a>
                </div>
            </div>
            <div class="carousel-item">
                <img src="images/bg-2.png" class="d-block w-100" alt="...">
                <div class="carousel-caption d-none d-md-block" style="top: 90px">
                    <h5>EAST TO CUSTOMIZE</h5>
                    <p>Readable code,well documented and FREE support</p>
                    <a href="#" class="a">LEARN MORE</a>
                </div>
            </div>
        </div>
        <a class="carousel-control-prev" href="#carouselExampleCaptions" role="button" data-slide="prev">
            <span class="carousel-control-prev-icon" aria-hidden="true"></span>
            <span class="sr-only">Previous</span>
        </a>
        <a class="carousel-control-next" href="#carouselExampleCaptions" role="button" data-slide="next">
            <span class="carousel-control-next-icon" aria-hidden="true"></span>
            <span class="sr-only">Next</span>
        </a>
    </div>
</div>

<div class="banner-inner">
    <div class="banner">
        <div class="container">
            <div class="row">
                <div class="bann col-md-3">
                    <div class="img">
                        <img src="images/tu-1_03.jpg" alt="">
                    </div>
                    <p>STRONG STRUCTURE</p>
                </div>
                <div class="bann col-md-3">
                    <div class="img">
                        <img src="images/tu-2_05.jpg" alt="">
                    </div>
                    <p>GLOBAL SERVICES</p>
                </div>
                <div class="bann col-md-3">
                    <div class="img">
                        <img src="images/tu-3_08.jpg" alt="">
                    </div>
                    <p>DYNAMIC CHANGE</p>
                </div>
                <div class="bann col-md-3">
                    <div class="img">
                        <img src="images/tu-4_10.jpg" alt="">
                    </div>
                    <p>EXPONENTIAL GROWTH</p>
                </div>
            </div>
        </div>
    </div>
</div>

<div class="main">
    <div class="main-yi">
        <div class="container">
            <div class="row">
                <div class="col-sm-12 col-md-6">
                    <h2>KNOW BETTER</h2>
                    <h4>......</h4>
                    <h3>Synergistcally procrastinate one-to-one results for accurate platforms.Assertively whiteboard coporate users whereas dynamic initiatives.</h3>
                    <p>Energistically architect leading-edge users andinexpensive iternal or"organic" sources.Distinctively evolve e-business resources after progressive intellectual capital.Objectively acchitect maintainable technologies via strategic convergence.Continually ooptimize stand-alone expertise with e-business e-services.Continually conceptualize client-centered opportnities and.</p>
                    <p>Dynamically customize backward-compatible processes via front-end models.Distintively evisculate an expanded array of scenarios after virtual information.Professionally predominate technically sound resources through impactful midshare,Effciently drive viral interfaces without inexpensize value.Credibly.</p>
                </div>
                <div class="col-sm-12 col-md-6">
                    <img src="images/bg-1_03.jpg" alt="">
                </div>
            </div>
        </div>
    </div>

    <div class="main-er">
        <div class="container">
            <div class="row">
                <div class="col-md-6">
                    <div class="img">
                        <img src="images/tu-5_03.jpg" alt="">
                    </div>
                    <div class="wenzi">
                        <h5>GOAL ORIENTED</h5>
                        <p>Holisticly harness just in time technologies via corporate scenarios.Intrinsicly predorinate ubiquitous outsourcing through an expaned array of gunctionalities.</p>
                    </div>
                </div>
                <div class="col-md-6">
                    <div class="img">
                        <img src="images/tu-6_05.jpg" alt="">
                    </div>
                    <div class="wenzi">
                        <h5>GOAL ORIENTED</h5>
                        <p>Holisticly harness just in time technologies via corporate scenarios.Intrinsicly predorinate ubiquitous outsourcing through an expaned array of gunctionalities.</p>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-md-6">
                    <div class="img">
                        <img src="images/tu-7_09.jpg" alt="">
                    </div>
                    <div class="wenzi">
                        <h5>GOAL ORIENTED</h5>
                        <p>Holisticly harness just in time technologies via corporate scenarios.Intrinsicly predorinate ubiquitous outsourcing through an expaned array of gunctionalities.</p>
                    </div>
                </div>
                <div class="col-md-6">
                    <div class="img">
                        <img src="images/tu-8_10.jpg" alt="">
                    </div>
                    <div class="wenzi">
                        <h5>GOAL ORIENTED</h5>
                        <p>Holisticly harness just in time technologies via corporate scenarios.Intrinsicly predorinate ubiquitous outsourcing through an expaned array of gunctionalities.</p>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div class="main-san">
        <div class="container">
            <div class="row">
                <div class="col-md-12">
                    <img src="images/diannao.png" alt="">
                    <h3>ULTRA RESPONSIVE</h3>
                    <p>Phosfluorescently revolutionize viral leadership via turnkey technology.Synergisticall monetize intermandated strategic theme areas through multimedia based.</p>
                    <span class="span">Responsive</span>
                    <span>Easy to Customize</span>
                    <span>Design</span>
                    <span>Free Updates & Support</span>
                </div>
            </div>
        </div>
    </div>

    <div class="main-si">
        <div class="container">
            <div class="top">
                <div class="row">
                    <div class="col-md-6">
                        <h3>RECENT WORKS</h3>
                        <h3>......</h3>
                    </div>
                    <div class="col-md-6">
                        <div class="a">
                            <a href="#">See all works</a>
                        </div>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="tu col-md-4">
                    <a href="#"><img src="images/yi.jpg" alt=""></a>
                </div>
                <div class="tu col-md-4">
                    <a href="#"><img src="images/er.jpg" alt=""></a>
                </div>
                <div class="tu col-md-4">
                    <a href="#"><img src="images/san.jpg" alt=""></a>
                </div>
            </div>
        </div>
    </div>

    <div class="main-wu">
        <div class="container">
            <h3>LATEST NEWS</h3>
            <h3>......</h3>
            <div class="row">
                <div class="col-md-4">
                    <div class="zuo">
                        <img src="images/diyi.jpg"alt="">
                        <h3>In Demand:Collaboration Skill</h3>
                        <p>Proactively engage orthogonal growth strategies withous resource-leveling testing procedures.Seamlessly predminate interoperable growth strategies.</p>
                        <time>23-02-2015</time>
                        <span>65 Comments</span>
                    </div>
                </div>
                <div class="col-md-4">
                    <div class="wu">
                        <div class="tu">
                            <img src="images/dier.jpg" alt="">
                        </div>
                        <div class="you">
                            <h4>Growth Strategies We Must K...</h4>
                            <p>Proactively engage orthogonal growth strategies withous resource-leveling testing procedures.</p>
                        </div>
                    </div>
                    <div class="wu">
                        <div class="tu">
                            <img src="images/disan.jpg" alt="">
                        </div>
                        <div class="you">
                            <h4>Growth Strategies We Must K...</h4>
                            <p>Proactively engage orthogonal growth strategies withous resource-leveling testing procedures.</p>
                        </div>
                    </div>
                    <div class="wu">
                        <div class="tu">
                            <img src="images/disi.jpg" alt="">
                        </div>
                        <div class="you">
                            <h4>Growth Strategies We Must K...</h4>
                            <p>Proactively engage orthogonal growth strategies withous resource-leveling testing procedures.</p>
                        </div>
                    </div>
                </div>
                <div class="col-md-4">
                    <div class="wu">
                        <div class="tu">
                            <img src="images/diwu.jpg" alt="">
                        </div>
                        <div class="you">
                            <h4>Growth Strategies We Must K...</h4>
                            <p>Proactively engage orthogonal growth strategies withous resource-leveling testing procedures.</p>
                        </div>
                    </div>
                    <div class="wu">
                        <div class="tu">
                            <img src="images/diliu.jpg" alt="">
                        </div>
                        <div class="you">
                            <h4>Growth Strategies We Must K...</h4>
                            <p>Proactively engage orthogonal growth strategies withous resource-leveling testing procedures.</p>
                        </div>
                    </div>
                    <div class="wu-a">
                        <a href="#">See all news →</a>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div class="main-liu">
        <div class="container">
            <div class="row">
                <div class="col-md-3">
                    <div class="left clearfix">
                        <img src="images/chongdian_03.png" alt="">
                    </div>
                    <div class="right clearfix">
                        <h3>5200</h3>
                        <p>SUBSCRIBERS</p>
                    </div>
                </div>
                <div class="col-md-3">
                    <div class="left clearfix">
                        <img src="images/fangkuai_05.gif" alt="">
                    </div>
                    <div class="right clearfix">
                        <h3>5200</h3>
                        <p>SUBSCRIBERS</p>
                    </div>
                </div>
                <div class="col-md-3">
                    <div class="left clearfix">
                        <img src="images/zan_08.gif" alt="">
                    </div>
                    <div class="right clearfix">
                        <h3>5200</h3>
                        <p>SUBSCRIBERS</p>
                    </div>
                </div>
                <div class="col-md-3">
                    <div class="left clearfix">
                        <img src="images/ren_07.gif" alt="">
                    </div>
                    <div class="right clearfix">
                        <h3>5200</h3>
                        <p>SUBSCRIBERS</p>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div class="main-qi">
        <div class="container">
            <div class="row">
                <div class="col-md-6">
                    <h3>GET IN TOUCH</h3>
                </div>
                <div class="col-md-6">
                    <div class="you">
                        <span>Call us at(1800)765-4321 or</span>
                        <a href="">CONTAACT US</a>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>



<div class="footer">
    <div class="footer-top">
        <div class="container">
            <div class="row">
                <div class="col-md-4">
                    <a href=""><img src="images/footer-logo_06.gif" alt=""></a>
                    <div class="p1">
                        <p>Proactively aggregate B2B initiatives before extensivechannels.
                            Monotonectally extend interactive methods ofempowerment through excellent plications.
                            Rapidiouslysynergize visionary products with sticky technology.</p>
                    </div>
                    <p>1234 North Main Street</p>
                    <p>New York, NY 22222</p>
                    <p>Phone: (1800) 7654321</p>
                    <p>Email: email@yourdomain.com</p>
                </div>
                <div class="col-md-4">
                    <h5>USEFUL LINKS</h5>
                    <ul class="zuo">
                        <li><a href="">About Us</a></li>
                        <li><a href="">News</a></li>
                        <li><a href="">Community</a></li>
                        <li><a href="">Career</a></li>
                        <li><a href="">Blog</a></li>
                    </ul>
                    <ul class="you">
                        <li><a href="">Press Kit</a></li>
                        <li><a href="">FAQ</a></li>
                        <li><a href="">Terms</a></li>
                        <li><a href="">Privacy Policy</a></li>
                        <li><a href="">Contact Us</a></li>
                    </ul>
                </div>
                <div class="san col-md-4">
                    <h5>NEWSLETTER</h5>
                    <p>Get the latest update from us by subscribing to ournewsletter.</p>
                    <form action="">
                        <input type="text" placeholder="youremail@domain.com">
                        <button>SUBSCRIBE</button>
                    </form>
                    <h5 class="h5">GET CONNECTED</h5>
                    <a href=""><img src="images/f_03.gif" alt=""></a>
                    <a href=""><img src="images/niao_05.gif" alt=""></a>
                    <a href=""><img src="images/g_07.gif" alt=""></a>
                    <a href=""><img src="images/wuxian_09.gif" alt=""></a>
                </div>
            </div>
        </div>
    </div>
    <div class="footer-bottom">
        <div class="container">
            <p>More Templates - Collect from</p>
        </div>
    </div>
</div>













<script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.slim.min.js"></script>
<script src="https://cdn.bootcss.com/popper.js/1.14.7/umd/popper.min.js"></script>
<script src="https://cdn.bootcss.com/twitter-bootstrap/4.3.1/js/bootstrap.min.js"></script>
</body>
</html>